<!DOCTYPE html>
<html>
  <head>
    <title>$.subject - $projectName</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta content="width=device-width" name="viewport">

  <style>body {
font-family: "Roboto", "Helvetica", "Arial", sans-serif; background-color: #f0f0f0; padding: 0; margin: 0;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
  <body style='font-family: "Roboto", "Helvetica", "Arial", sans-serif; margin: 0; padding: 0;' bgcolor="#f0f0f0">
    <div id="container" style="padding: 20px;">
      <table id="layout" style="max-width: 600px; border-collapse: collapse; margin: 0 auto;">
        <tr>
          <td id="head" style="padding: 30px 20px;" align="center" bgcolor="#fff"><img src="$logoURL" id="logo" style="width: 293px; height: 65px;"></td>
        </tr>
        <tr>
          <td id="body" style="padding: 30px 20px;" bgcolor="#fff">
            <h1 style="font-size: 125%;">$.subject</h1>
            $.body
          </td>
        </tr>
        <tr>
          <td id="footer" style="color: #333; font-size: 75%; padding: 30px 20px;">
            $unsubscribeFooter
            <p>
              © $year $projectName
            </p>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>
